Web Application Themes

MRI Dreamscape is supplied with a number of web application themes that define the appearance of Controls, Components, and Layout items in a page. These themes are implemented by CSS properties and values.

When you add an item to a web application page in the Page designer, you select a theme from the Properties list to define its appearance—

You can create your own themes, based on one of the default themes that target one or more of the controls, components, or layouts.

Creating a new theme

To create a new application theme:

  1. On the main menu, select Themes from the Web tab.
  2. In the Themes page, click Create.
  3. In the New Theme page, type a name for your theme.
  4. Choose one of the system default themes to get started.
  5. Select an item from the Control Name drop-down list.
  6. Make changes to the CSS properties for this item in the code editor. If you select another item from the Control Name drop-down list, additional code for that item is added to the CSS.
  7. Select items and change the corresponding CSS properties as required.
  8. Click Create so save the changes.

Example theme: